<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg style="width: 400px; height: 400px">
  <rect id="rect" width="100" height="100" fill="green"></rect>
</svg>
<script>
rect.style.transform = "translate(-300px, -300px)";
if (window.testRunner)
  testRunner.waitUntilDone();
runAfterLayoutAndPaint(() => {
  rect.style.transform = "translate(1px, 1px)";
  window.testRunner.notifyDone();
});
</script>
